<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="top">
        Feedback
    </ui:define>

    <ui:define name="left">
    </ui:define>



    <ui:define name="body">
        <h:form id="feedback">
            <span id="retValue"></span>
            <h:panelGrid columns="2" border="0">
                <h:outputLabel for="subject" value="Subject:"/>
                <h:inputText
                    onclick="document.getElementById('feedback:subject').value=''"
                    size="100" 
                    id="subject" 
                    value="Your subject here..."/>
                <h:outputLabel for="messagebody" value="Body:"/>
                <h:inputTextarea 
                    onclick="document.getElementById('feedback:messagebody').textContent=''" 
                    style="width:100%;height:10em;" 
                    id="messagebody" 
                    value="Your message here..."/>
                <h:commandButton 
                    value="Submit" 
                    type="button"
                    onclick="document.getElementById('retValue').textContent = 'Your message has been sent'"/>
            </h:panelGrid>
        </h:form>
    </ui:define>

</ui:composition>
